//
// Reset Navbar 
// User Center / navbar
//

.navbar {
  min-height: 56px;
  border-bottom: 1px solid $border-color;
  transition: background .1s ease-in-out;

  // 移动端navbar列表
  @include media-breakpoint-down(lg) {
    .navbar-nav {
      flex-direction: row;
      .nav-link {
        padding-left: .5*$spacer;
        padding-right: .5*$spacer;
      }
    }
  }
}

// 导航icon button
.nav-icon {
  display: flex;
  align-items: center;
  position: relative;
  padding: .5*$spacer;
  color: $icon-color;

  @include hover-focus {
    color: $primary;
  }

  &.nav-icon-user {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }
}

// meun 按钮在 md 视口显示
.navbar-menu {
  @include hover-focus {
    color: $icon-color;
  }

  @include media-breakpoint-up(md) {
    display: none;
  }
}

.navbar.bg-primary {
  .navbar-brand {
    color: white;
  }

  .nav-icon {
    color: rgba(255, 255, 255, .7);
    @include hover-focus {
      color: white;
    }
  }

  .input-group-custom {
    .form-control, .btn {
      background: white;
    }
  }

  .dropdown-menu {
    border-top-color: $dropdown-custom-border-color;
  }
}